/* estilos CSS */



	html {
		height:100%;
		
		}


	body {

		margin:0;
		height:100%;
		background: #FFF url("stripes.png") repeat left top;
		font-family:Oxygen;
		font-size:1.1em;
		color:#666;
		
		}



	div {
		width:75%;
		height:100%;
		background-color:#FA5858;
		padding:2% 0;
		margin:0 auto;
		box-shadow: 0px 0px 9px #666;
   		 -moz-box-shadow: 0px 0px 9px #666;
  		 -webkit-box-shadow: 0px 0px 9px #666;
		
		}


	header {

		border-bottom:1px solid #000;
		
		}

	#main {
	
		display:         flex;
		flex-direction:row;

		display: -webkit-flex;
		-webkit-flex-direction: row;
		width:100%;

		}


	section {
		flex:3 1 60%;
		order:2;
		padding:0;
	
		}

	aside {
		flex: 3 1 20%;
		order:3;

		}


	nav {
		flex:1 6 20%;
		order:1;

		}


	footer {
		
		background-color:#333;
		min-height:10%;
		margin-top:1em;

		}


	
	h1 {
		background-color:#FA5858;
		color:white;
		padding:2em;

		}


	h2 {
		width:75%;
		color:white;
		padding-left:2em;
		padding-top:2em;
		
		}

	h3 {
		color:white;
		padding-left:3em;
		
		}


	p {
		width: 60%;
		margin:3em;
		text-align:justify;
		text-indent:2em;
		
		}


	footer p {
	
		padding:1em 0;

		}


	img {
		width:25%;
		height:25%;
		
		}


	#fecha {
		
		color:#F5A9A9;
		font-size:small;
		
		}


	cite {
		color:#ccc;
		
		}


	a {
		text-decoration:none;
		color:#F5A9A9;
			
		}

	
	a:hover {
		
		color:#81DAF5;
	
		}